@charset "utf-8";

* {
	margin:0;
	padding:0;
}

/** General Style Info **/
body {background: #FFF;color: #000;font-family:'lucida grande',verdana,helvetica,arial,sans-serif;font-size:90%;margin: 0 auto;}

table, table td {  }
table th, table th a { text-align:left; background-color:#EEE; text-decoration:none; color:#F78F1E; border-bottom:#F78F1E 2px solid;}
table tr { background-color:#EEE; }
/*
tr:nth-child(even) { background-color: #C;}
tr:hover { background-color: #FFF; }

tr:hover td { background-color: transparent;}
*/
#container { margin: 0px auto; width: 1024px; }

#nav { width:100%; text-align:center; background: #f99422 scroll;  padding:5px 5px; overflow:hidden; height:60px; border-radius:20px; }

#nav img { height:69px; float:left; }

#nav ul {list-style-type: none; display:inline; margin: 0px; padding: 0px; text-align:center;}
#nav ul li { list-style:none; display:inline; }
#nav li { float: left; display:table-cell; }
#nav a { color:black; text-decoration:none; display:block; padding:0 25px; line-height: 50px; vertical-align:middle; text-align:center; }
#nav a:hover { color:white; }

#content { margin:20px auto; background:#EEE; padding: 10px 25px; border-radius:5px; height:auto; box-shadow: 0px 0px 10px #f99422 ;  }


#footer { margin: 10px auto; width: 1024px; background: #f99422; height: 70px;}
#footer { color:#FFF; display:table-cell; vertical-align: middle; text-align:center; }
#footer a { color:#FFF; }
#footer p { margin-top:10px; font-size:12px; }
#footCol { width: 340px; height:50px; display: inline-block; padding: 20px auto; float:left; border-right:1px solid #CCC;}
#footColL { border-right:0px}

.actions { margin:10px 0 ; }
.actions ul li { list-style:none; display:inline; padding:10px 20px;}

.related { margin: 10px 0; }

/* OFFICE STYLING */

/* FULL WIDTH TABLES */
.officesIndex table, .related table, .interactionsIndex table, .employeesIndex table, .resourcesIndex table, .employeeHistory table{ margin-top:10px; border:0px ; width: 880px; }
.officesIndex td, .related td, .interactionsIndex td, .employeesIndex td, .resourcesIndex td, .employeeHistory td{ padding: 10px 5px; }



/* SMALL TABLES */
.officesView table, .interactionsView table, .employeesView table, .resourcesView table { margin-top:10px; border:1px solid #88b235; }
.officesView td, .interactionsView td, .employeesView td, .resourcesView td{ padding: 5px 5px; }

/* SPILT LAYOUT */

.colLeft { width:300px; float:left; display:block;}
.colLeft table { width:70%; margin:0 15px; }
.employeeHistory { float:left; }

.colRight { width:400px; display:inline-block; }

/* FORM STYLING */

.form{ font-family: Verdana; font-size:1em; margin:1em; padding:0em; }
.form p.formtitle{ color: #026475; font-size:1.3em; font-weight: bold; }
.form fieldset{ width:700px; border:1px solid #88b235; background-position: bottom right; background-repeat: no-repeat;}
.form fieldset legend{ color: #026475; }
.formfield{ width:700px; padding:5px; }
.formfield label, .formdate label{ display:block; float:left; width:8em; padding:1px; color:#111; text-align:right; }
.formDate select { margin:0.15em; }

.formfield input, .formfield  select, .formfield textarea{
    padding:0.15em;
    width:14em;
    border:1px solid #ddd;
    background:#FFF;  
    font-family: Verdana;    
    font-size:1em;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
}
 
.formfield input:hover, input:focus { border-color:#c5c5c5; background:#f6f6f6; } 
.required input { border:1px solid #FBB829; }
.form .submit input{ font-family: Verdana; font-size:1em; margin-top: 0.3em; }
.error-message { color:#F00; padding-left:8em; }
.formerror{ position:relative; left:12.1em; color:#FBB829; }

/* CUSTOM STYLING FOR TABLES */

.employeeHistory td { vertical-align:top; }


/* CUSTOM STYLING FOR SEARCH */

.dataTables_length { float:left; }
.dataTables_filter { float:right; }


.navbar .nav>li>a { color:#FFF; }
.navbar-inner { background:#f99422;  }

/* STYLE FOR ROUTE BLOCK */

#routeRow { width:100%; min-height:150px; background-color:#EEE; padding:5px; border:1px solid #777; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
#routeSeqBlock { display:block; float:left; margin-right:15px; width:65px; min-height:150px; height:inherit; background-color:#555; color:#FFF; text-transform: uppercase;}
#seq { font-weight:bold; font-size:50px; margin:0 auto; vertical-align:bottom; position: relative; top:50px; left: 12px;}

#infoBlock span { padding:5px; }
#infoBlock{ display:inline-block; width:70%; }
#timeBlock { display:inline; }
#routeName { font-size:20px; display:block;}
#address { display:block; }
#contactLocation { display:inline; }

#timeBlock {  }
#notesHeader { font-weight:bold;  padding-top:5px; display:block; }
#contactLocationHeader { font-weight:bold;  padding-top:5px; display:block;}
#notes {display:inline;  }
#notesText { display:inline; }

#UserLoginForm fieldset { border:0px; }

.date input { width:14em; padding:0.15em; height:20px; }
.date label { float:left; width:8em; text-align:right; padding: 1px; margin-bottom:1px; }